import React, { FC } from 'react'
import styled from "styled-components"
import Title from '@/components/pages/titleUserTop'
import Transport from '@/components/pages/transport_store' 
import {ICustomerProps} from '@/types/pages/customer/interface'


const SaleInfo = styled.div`
        flex: 1; 
        position: relative;  
        width: 100%;
        height: 100%;
        .content{  
            position: absolute;  
            /* width: 25.1rem; */
            height: 13.7rem; 
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
           
        }
`

const Content: FC<Partial<ICustomerProps>&{titleTop?:string,portTop?:string}> = function (props) {

    return (
        <SaleInfo>
             <Title style={{ paddingTop: props.titleTop }} name={props.name!}/>
             <div className='content'>
                 <Transport  style={{ paddingTop: props.portTop }}  text="" num={props.num!} unit={props.unit!} comparisonText={props.comparisonText} upDownStatus={props.upDownStatus!} saleRate={props.saleRate!} ImgUrl={props.img} />
            </div> 
            
        </SaleInfo>
    )
}

export default Content
